/*背景*/
body{
 	background: #f5f5f5;
	background: url('/bj.png') repeat center center #f5f5f5;
}
/*header头*/

/*等级*/
.lstar0,.lstar1,.lstar2,.lstar3,.lstar4,.lstar5,.lstar6{background:url(/litterStar.png) no-repeat;width:84px;height:13px;display:inline-block;}
.lstar1{background-position:0 -26px;}
.lstar2{background-position:0 -52px;}
.lstar3{background-position:0 -78px;}
.lstar4{background-position:0 -104px;}
.lstar5,.lstar6{background-position:0 -130px;}
/*详情*/
.card {
	position: relative;
	background: rgba(0,0,0,.05);
}
.card .shiping {
	width: 100%;
	background-color: #000;
	margin: 0,auto
}
.card .body {
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 25px;
	padding-right: 25px
}
.card .novelintro {
	line-height: 25px;
	color: #555;
	padding-bottom: 40px!important
}
.card .header {
	border-bottom: 1px solid #ccc;
	line-height: 40px;
	height: 40px;
	font-size: 16px
}
.card .header h1, .card .header h2, .card .header h3 {
	padding: 0 25px;
	background: url('/nav_index.png') no-repeat center 10px;
	color: #fff;
	display: inline-block
}
.card .header div {
	float: right;
	padding: 0 15px;
	display: inline-block;
}
.card .header.line {
	margin-top: -1px;
	/*border-top: 6px solid #ccc*/
}
.card .header.line span a{
	font-size: 12px;
	margin-right: 8px;
	float: right;
	color: #111
}
.card .header.line span a:hover{
	color: #1abc9c
}
.card .header.line h1, .card .header.line h2, .card .header.line h3 {
	color: #fff
}
/*资源简介*/
.novelinfo {
	width: 100%;
	height: 233px;
	position:relative;
	overflow:hidden;
}
.novelinfo .novelinfo-l {
	padding: 10px;
	width: 180px;
	float: left;
}
.novelinfo .novelinfo-l img {
	width: 160px;
	height: 200px;
	padding: 5px;
	border: 1px solid #bbb;
	background: rgba(205,205,205,.5);
}
.novelinfo .novelinfo-l img:hover {
	opacity: .7;
	cursor: pointer
}
.novelinfo .novelinfo-r {
	width: -moz-calc(100% - 200px);
	width: -webkit-calc(100% - 200px);
	width: calc(100% - 200px);/*要改*/
	float:left;
	padding-top: 10px;
	display:inline;
}
.novelinfo .novelinfo-r h1{
	height:36px;
	line-height:36px;
	font-size:22px;
	overflow:hidden;
	font-weight: bold;
	display: inline-block;
}
.novelinfo .novelinfo-r > .fen{
	position: absolute;
	top:10px;
	right:10px;
	height:60px;
	border: 1px dotted #000;
}
.novelinfo .novelinfo-r > .fen > em{
	display: block;
	text-align:right;
	height:24px;
	line-height:24px;
	font-size:24px;
	color:#fff;
}
.novelinfo .novelinfo-r > .fen > p{
	display: inline-block;
	padding-top: 5px;
	width:50px;
	text-align:right;
	float:right;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#fff;
}
.novelinfo .novelinfo-r > .fen > p > em{
	display: inline-block;
	width:30px;
	color:#fff;
	overflow:hidden; /*超出的文本隐藏*/
	text-overflow:ellipsis; /*溢出用省略号显示*/
	white-space:nowrap; /*溢出不换行*/
	vertical-align: top;
}
.novelinfo .novelinfo-r ul{
	margin:5px 0 0;
	overflow:hidden;
}
.novelinfo .novelinfo-r > ul > li{
	width: 23%;/*要改*/
	height:161px;
	display: block;
	line-height:28px;
	color:#666;
	padding:0 15px 0 0;
	float:left;
}
.novelinfo .novelinfo-r ul li a{
	color: #550000;
}
.novelinfo .novelinfo-r ul li a:hover{
	color: #cc0000;
}
/*评分*/
.novelinfo .novelinfo-r ul .pingfen em{
display: inline-block;
padding-left: 38px;
height: 24px;
line-height: 24px;
white-space:nowrap; /*溢出不换行*/
color: #660000;
}
.novelinfo .novelinfo-r ul .pingfen p{
display: inline-block;
width: 32px;
height: 24px;
line-height: 24px;
white-space:nowrap; /*溢出不换行*/
position: relative;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating{
display: inline-block;
list-style:none;
margin: 0px;
padding:0px;
width: 120px;
height: 24px;
position: relative;
background: url(/star_rating.png) top left repeat-x;
background-size: 24px 168px;
vertical-align: top;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.novelinfo .novelinfo-r ul .pingfen .star-rating li a{
display:block;
width:24px;
height: 24px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating li a:hover{
background: url(/star_rating.png) left -144px;
background-size: 24px 168px;
z-index: 2;
left: 0px;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating a.one-star{
left: 0px;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating a.one-star:hover{
background: url(/star_rating.png) left -48px;
background-size: 24px 168px;
width:24px;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating a.two-stars{
left:24px;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating a.two-stars:hover{
background: url(/star_rating.png) left -72px;
background-size: 24px 168px;
width: 48px;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating a.three-stars{
left: 48px;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating a.three-stars:hover{
background: url(/star_rating.png) left -96px;
background-size: 24px 168px;
width: 72px;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating a.four-stars{
left: 72px;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating a.four-stars:hover{
background: url(/star_rating.png) left -120px;
background-size: 24px 168px;
width: 96px;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating a.five-stars{
left: 96px;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating a.five-stars:hover{
background: url(/star_rating.png) left -144px;
background-size: 24px 168px;
width: 120px;
}
.novelinfo .novelinfo-r ul .pingfen .star-rating li.current-rating{
background: url(/star_rating.png) left -24px;
background-size: 24px 168px;
position: absolute;
height: 24px;
width:50%;
display: block;
text-indent: -9000px;
z-index: 1;
}
.novelinfo .novelinfo-r ul .down{
	display: inline-block;
	float:right;
	width:150px;/*要改*/
	height:161px;
}
.novelinfo .novelinfo-r ul .down a{
	float:right;
	text-align:center;
    width: 32px;
	height:90px;
    padding-top: 15px;  
    margin-top: 55px;	
    line-height: 18px; 
	font-weight: 600;
    font-size: 18px;
    word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/ 
	display: inline-block;
	font-family: "楷体";
	background: url('/s_nav_active.png') no-repeat 0px 0px;
	color: #fff;
}
.novelinfo .novelinfo-r ul .down a:hover{
	background: url('/s_nav_hover.png') no-repeat 0px 0px;
	color: #fff
}
/*资源图片*/
.popup-bigic {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
	background: #eee;
	overflow: hidden;
	z-index: 999;
}
.popup-bigic .loading-bigic {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	margin-top: -12px;
}
.popup-bigic .img-bigic {
	position: absolute;
}
.option-bigic {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
}
.option-bigic span {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 20px;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;
	border-radius: 5px;
	background-image: url(/icons.png);
	background-repeat: no-repeat;
	background-color: #fff;
	opacity: .5;
}
.option-bigic span:hover {
	opacity: 1;
}
.option-bigic span.change-bigic {
	display: none;
	background-position: -52px 3px;
}
.option-bigic span.max-bigic {
	display: none;
	background-position: -119px 3px;
}
.option-bigic span.close-bigic {
	background-position: 8px 8px;
}
.base{
	position: relative;
	width:100%;
	border: 0px solid #e6e6e6;
	height: 625px;
}
.base_left{
	position: absolute;
	width:80px;
	height:595px;
	text-align: center;
	cursor: pointer;
}
.jiantou_left{
	position: absolute;
	padding:0px;
	top: 50%;
	margin-top: -40px;
	right:15px;
	width:50px;
	height:80px;
	display: block;
	background: url("/s_slider.png") no-repeat center center;
	background-position: 4px -82px;
}
.base_right{
	position: absolute;
	width:80px;
	height:595px;
	text-align: center;
	right:0px;
	cursor: pointer;
}
.jiantou_right{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left:15px;
	width:50px;
	height:80px;
	display: block;
	background: url("/s_slider.png") no-repeat center center;
	background-position: 5px 5px;
}
.content{
	cursor:pointer;
	display: block;
	height: 595px;
	width: -moz-calc(100% - 160px);
	width: -webkit-calc(100% - 160px);
	width: calc(100% - 160px);
	position: absolute;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	left:80px;
}
.content:hover{
	opacity: .9;
}
.toggle{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 30px;
	background: rgba(0,0,0,.08);
	line-height: 30px;
	border-top: 1px solid #e6e6e6;
}
.toggle .list{
	font-size: 14px;
	color: #666;
	width: 92px;
	cursor: pointer;
	background: rgba(0,0,0,.1);
}
.toggle .list span{
	display: block;
	position: absolute;
	left: 66px;
	top: 7px;
	width: 19px;
	height: 19px;
	background: url("/s_list.png") no-repeat 0 0;
	background-position: -16px -58px;
}
.bottle{
	position: absolute;
	width:100%;
	top:625px;
	border-bottom:1px solid #e6e6e6;
	overflow: hidden;
	height:0px;
}
.bottle span{
	width:19px;
	text-align: center;
}
.bottle ul{
	margin: 0px;
	position: absolute;
	height:100px;
	padding-top:2px;
	display:flex;
	width:100%;
}
#list_shot{
	height:120px;
	width: -moz-calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	width:calc(100% - 120px);
	position: absolute;
	left: 60px;
	overflow: hidden;
}
.bottle .l{
	display: block;
	position: absolute;
	left: 20px;
	top: 41px;
	width: 19px;
	height: 19px;
	background: url("/s_slider.png") no-repeat center center;
	background-position: -22px -205px;cursor: pointer;
}
.bottle .l:hover{
	opacity: .6;
}
.bottle .r{
	display: block;
	position: absolute;
	right: 20px;
	top: 41px;
	width: 19px;
	height: 19px;
	background: url("/s_slider.png") no-repeat center center;
	background-position: 6px -205px;
	cursor: pointer;
}
.bottle .r:hover{
	opacity: .6;
}
.bottle ul li{
	text-decoration: none;
	float: left;
	height:84px;
	padding: 5px;
	margin: 0px auto;
	position: relative;
	left:0px;
	transition: left 0.5s;
	border:1px solid #e3e3e3;
	cursor: pointer;
}
.bottle ul li:hover {
	border:1px solid #e3e3e3;
	opacity: .7;
	cursor: pointer
}
.bottle ul li img{
	width: 115px;
	height: 84px;
}
/*当前位置*/
section nav {
	position: relative;
	padding-left: 5px;
	border: 1px solid #eee;
	background: rgba(0,0,0,.05);
}
section nav li {
	float: left;
	height: 35px;
	line-height: 35px;
	display: inline-block
}
section nav li .icon {
	margin: 0 8px
}
section nav li a{color: #550000;}
section nav li a:hover{color: #cc0000;}

section nav iframe{
	position:absolute;
	right:0px;
	top:0px;
	width: 100%;
	height: 30px;
	overflow: hidden;
	z-index:-1;
}

/*友情连接*/
.links {
	height: auto;
	padding-top: 30px;
}
.links ul {
	text-align: center;
	list-style-type: none;
}
.links ul li {
	display: inline;
}
.links ul li a{
	padding-bottom: 0;
	padding-left: 6px;
	padding-right: 6px;
	border:0;
	text-decoration:none;
}
.links ul li a:link{
	font-size:12px;
	color:#8e0000;
}
.links ul li a:visited{
	font-size:12px;
	color:#00668d;
}
.links ul li a:hover{
	font-size:12px;
	color:#00a1df;
}
.links ul li p {
	font-size:12px;
	color:#767676;
}
.links ul li a img {
	width: 88px;
	height: 31px;
	padding: 1px;
	border: 1px solid #e3e3e3
}
.links ul li a img:hover {
	opacity: .8;
	cursor: pointer
}
/*页尾*/
footer {
	width: 100%;
	min-width: 960px;/*要改*/
	border-top: 3px solid rgba(51,0,0,.75);
	background: url('/d_line.png') repeat-x center top , url('/d_l.png') no-repeat left bottom , url('/d_r.png') no-repeat right top rgba(0,0,0,.05);
	margin-top: 30px;
	padding: 20px 0 30px
}
footer .copyright {
	line-height: 2;
}
footer .copyright .list-item{
	padding-right: 8px;
}
footer .copyright a {
	color: #660000
}
footer .copyright a:hover {
	color: #990000
}
.p-down {
	position: fixed;
	bottom: 152px;
	right: 20px;
	width: 50px;
	height: 45px;
	background: #330000;
	color: #fff;
	font-size: 35px;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
	z-index: 9;
	padding-top: 5px;
}
.p-down a {
	color: #fff;
}
.p-down:hover {
	background: #660000;
}

.p-pinglun {
	position: fixed;
	bottom: 204px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: #330000;
	color: #fff;
	font-size: 35px;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
	z-index: 9;
}
.p-pinglun:hover {
	background: #660000;
}
.p-pinglun a {
	color: #fff;
}
.p-list {
	position: fixed;
	bottom: 256px;
	right: 20px;
	width: 50px;
	height: 45px;
	background: #330000;
	color: #fff;
	font-size: 35px;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
	z-index: 9;
	padding-top: 5px;
}
.p-list:hover {
	background: #660000;
}
.p-list a {
	color: #fff;
}
/*返回顶部*/
.gotop {
	display: none;
	position: fixed;
	bottom: 100px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: #330000;
	color: #fff;
	font-size: 35px;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
	z-index: 9;
}
.gotop:hover {
	background: #660000;
}
#help{
    width:0;
    height:0;
	border-width: 40px;
	border-style: solid;
	border-color:#720600 #720600 transparent transparent;
    position:absolute;
	top:-1px;
	right:-1px;
}
#help > a{
    position:absolute;
	top: -32px;
    display: block;
    /* 设置行内元素为块状元素才能设置宽高 */
    width: 32px;
    height: 32px;
    /* 设置宽高才能显示背景 */
	background: url('/help.svg') repeat-x center center;
}